<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>趣寻网</title>
	<link href="css/bootstrap.min.css" rel="stylesheet">
  </head>

  <body style="background-color: #eee;">
  	<div class="container-fluid" style="padding: 0px;">
  		<div class="row">
  			<div class="col-xs-offset-4"><h3>保单详情页</h3></div>
  		</div>
  		<div class="panel panel-default">
			<div class="panel-body">
				<h4 class="media-heading">《安心留学保障计划》</h4>
				<p class="text-info" style="padding-left: 20px;"><b> 保单号：</b> XJ**********1234</p>
				<p class="text-info" style="padding-left: 20px;"><b> 生效日期：</b> 2017-03-09 </p>
				<p class="text-info" style="padding-left: 20px;"><b> 终止日期：</b> 2018-03-09 </p>
				<p class="text-info" style="padding-left: 20px;"><b> 保证额度：</b> <span class="text-danger">￥5000</span> 元 </p>
				<p class="text-info" style="padding-left: 20px;"><b> 支付金额：</b> <span class="text-danger">￥500</span> 元 </p>
			</div>
		</div>

		<div class="panel panel-default">
			<div class="panel-body">
				<h4 class="media-heading"> 被保险人信息：</h4>
				<p class="text-info" style="padding-left: 20px;"><b> 姓名：</b> **猴子</p>
				<p class="text-info" style="padding-left: 20px;"><b> 证件类型：</b>  身份证 </p>
				<p class="text-info" style="padding-left: 20px;"><b> 证件号：</b> 320924********1234 </p>
			</div>
		</div>

		<div class="panel panel-default">
			<div class="panel-body">
				<h4 class="media-heading"> 投保人（联系人）信息：</h4>
				<p class="text-info" style="padding-left: 20px;"><b> 姓名：</b> **猴子</p>
				<p class="text-info" style="padding-left: 20px;"><b> 手机号：</b> 186****1234 </p>
				<p class="text-info" style="padding-left: 20px;"><b> 邮箱：</b> dev_fu@funfind.cn </p>
			</div>
		</div>


		<nav class="navbar navbar-default navbar-fixed-bottom" style="padding: 10px 0px;">
		    <div class="navbar-inner navbar-content-center">
		        <a class="btn btn-block btn-success" href="buy_step_2.html">再次购买</a>
		    </div>
		</nav>
		
	</div>
	<!-- 列表页 -->
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script>
    	$(function(){
    		$("a.list-group-item").on("click",function(e){
    			var target = $(this).next();
    			$(target[0]).toggle();
    		})
    	})
    </script>
  </body>
</html>